<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>openyelp</title>
<link rel="stylesheet" href="${siteurl}assets/css/www-pkg.css" />
<link rel="stylesheet" href="${siteurl}assets/css/events.css" />
		[#include "/theme/yelp/common/scripts.html"]

</head>

<body class="country-hk logged-out ytype jquery" id="yelp_main_body"
	ryt13230="1">

	<div id="fb-root"></div>

	<div class="lang-en" id="wrap">



		[#include "/theme/yelp/common/header.html"]

		<div id="print-masthead">
			<img alt="Yelp" class="print-bkg-img"
				src="http://s3-media2.fl.yelpcdn.com/assets/2/www/img/b7e9d647188d/gfx/header_print.gif">
		</div>

		<span class="offscreen" id="page-content">&nbsp;</span>

		<div class="main-content-wrap main-content-wrap--box">

			<div class="content-container" id="super-container">


				<div id="alert-container"></div>


				<div class="container create-event-page">
					<div class="clearfix page-header">
						<h1 class="heading">提交活動</h1>
						<a href="/events/hk">返回活動</a>

					</div>
					<div class="clearfix layout-block layout-a">
						<div class="column column-alpha ">



							<form name="create_event" method="POST" id="create_event"
								class="yform ytype">
								<input type="hidden"
									value="577cc28cf2c1642c2f99bb26563fc690cbfde966680957a9236fb8ae22576736"
									class="csrftok" name="csrftok"> <label
									for="event_title">活動名稱</label> <input type="text"
									maxlength="128" value="" id="event_title" name="name">

								<label for="starts_month_day_year">時間</label>
								<div class="cal_fields clearfix">

									<div class="datetime-picker">
										<div class="nested-icon-label date-picker">
											<i class="i ig-common i-calendar-gray-common"></i> <input
												type="text" title="yyyy/mm/dd" name="starts_month_day_year"
												id="starts_month_day_year" data-date-format="yyyy/MM/dd"
												class="date-input ">
										</div>


										<script>
											(function() {
												var main = null;

												var main = function initPrototypeDateWidget(
														b, d, f, a, g, e) {
													var c = function() {
														yelp.pages.widgets.datetimeWidgets[e.id] = new yelp.Calendar(
																d, f, a, g, e)
													};
													yelp.async.Script
															.load(
																	b,
																	function() {
																		yelp
																				.provide("yelp.config.format");
																		yelp.config.format.defaultDate = "mm/dd/yyyy";
																		yelp
																				.provide("yelp.pages.widgets.datetimeWidgets");
																		yelp.event
																				.domLoaded(c)
																	})
												};

												if (main === null) {
													throw 'invalid inline script, missing main declaration.';
												}
												main(
														"http://s3-media1.fl.yelpcdn.com/assets/2/www/js/1789c91f6cca/calendar-pkg-zh_HK.min.js",
														"starts_month_day_year",
														"starts_cal_icon",
														"yyyy/MM/dd",
														[
																"Yelp.Events.updateEventEndDateCalendar",
																"Yelp.Events.updateSimilarEvents" ],
														{
															"noDatesBefore" : null,
															"id" : "starts_cal",
															"readOnly" : false,
															"currentDate" : "None",
															"noDatesAfter" : null,
															"validDays" : null
														});
											})();
										</script>

										<div class="time-picker">
											<input type="text" name="starts_time" id="starts_time"
												class="time-input ">
										</div>
										<script>
											(function() {
												var main = null;

												var main = function(a, c, d, e,
														b) {
													yelp.async.Script
															.load(
																	a,
																	function() {
																		yelp
																				.provide("yelp.config.format");
																		yelp.config.format.defaultTime = "h:mm tt";
																		yelp
																				.provide("yelp.pages.widgets.datetimeWidgets");
																		yelp.event
																				.domLoaded(function() {
																					yelp.pages.widgets.datetimeWidgets[$(c
																							+ "_timepicker")] = new yelp.TimePicker(
																							$(c
																									+ "_time"),
																							d,
																							e,
																							b)
																				})
																	})
												};

												if (main === null) {
													throw 'invalid inline script, missing main declaration.';
												}
												main(
														"http://s3-media1.fl.yelpcdn.com/assets/2/www/js/1789c91f6cca/calendar-pkg-zh_HK.min.js",
														"starts", 30, "HH:mm",
														null);
											})();
										</script>

									</div>


									<input type="hidden" value="" id="use_end_time"
										name="use_end_time">
									<div style="display: none;" class="inline-block" id="end_date">
										<strong>至</strong>
										<div class="datetime-picker">
											<div class="nested-icon-label date-picker">
												<i class="i ig-common i-calendar-gray-common"></i> <input
													type="text" title="yyyy/mm/dd" name="ends_month_day_year"
													id="ends_month_day_year" data-date-format="yyyy/MM/dd"
													class="date-input ">
											</div>


											<script>
												(function() {
													var main = null;

													var main = function initPrototypeDateWidget(
															b, d, f, a, g, e) {
														var c = function() {
															yelp.pages.widgets.datetimeWidgets[e.id] = new yelp.Calendar(
																	d, f, a, g,
																	e)
														};
														yelp.async.Script
																.load(
																		b,
																		function() {
																			yelp
																					.provide("yelp.config.format");
																			yelp.config.format.defaultDate = "mm/dd/yyyy";
																			yelp
																					.provide("yelp.pages.widgets.datetimeWidgets");
																			yelp.event
																					.domLoaded(c)
																		})
													};

													if (main === null) {
														throw 'invalid inline script, missing main declaration.';
													}
													main(
															"http://s3-media1.fl.yelpcdn.com/assets/2/www/js/1789c91f6cca/calendar-pkg-zh_HK.min.js",
															"ends_month_day_year",
															"ends_cal_icon",
															"yyyy/MM/dd",
															[],
															{
																"noDatesBefore" : "today",
																"id" : "ends_cal",
																"readOnly" : false,
																"currentDate" : "None",
																"noDatesAfter" : null,
																"validDays" : null
															});
												})();
											</script>

											<div class="time-picker">
												<input type="text" name="ends_time" id="ends_time"
													class="time-input ">
											</div>
											<script>
												(function() {
													var main = null;

													var main = function(a, c,
															d, e, b) {
														yelp.async.Script
																.load(
																		a,
																		function() {
																			yelp
																					.provide("yelp.config.format");
																			yelp.config.format.defaultTime = "h:mm tt";
																			yelp
																					.provide("yelp.pages.widgets.datetimeWidgets");
																			yelp.event
																					.domLoaded(function() {
																						yelp.pages.widgets.datetimeWidgets[$(c
																								+ "_timepicker")] = new yelp.TimePicker(
																								$(c
																										+ "_time"),
																								d,
																								e,
																								b)
																					})
																		})
													};

													if (main === null) {
														throw 'invalid inline script, missing main declaration.';
													}
													main(
															"http://s3-media1.fl.yelpcdn.com/assets/2/www/js/1789c91f6cca/calendar-pkg-zh_HK.min.js",
															"ends", 30,
															"HH:mm", null);
												})();
											</script>

										</div>

									</div>
									<a id="end-date-toggle" href="#" class="smaller"> 新增結束時間 </a>
								</div>

								<label for="selected_business">邊度</label>
								<div id="venue_picker">
									<fieldset id="venue_picker_tabs">
										<label class="radio-check" for="biz_tab"> <input
											type="radio" checked="" value="public" name="venue_type"
											id="biz_tab"> <span>公開場地</span>
										</label> <label class="radio-check" for="add_tab"> <input
											type="radio" value="private" name="venue_type" id="add_tab">
											<span>私人地址</span>
										</label>
									</fieldset>

									<div id="find_business_pane">
										<div id="venue_picker_container">
											<div class="business_finder clearfix">
												<div class="form_container clearfix">
													<label class="query_label">商店名稱<input type="text"
														name="query" class="text" placeholder="太興，扒王之王"></label><label
														class="location_label">鄰近<input type="text"
														name="location" class="text" placeholder="香港"></label>
													<div class="submit_container">
														<button
															class="ybtn ybtn-secondary ybtn-small searchButton"
															value="submit" type="submit">
															<span>搜尋</span>
														</button>
														<span class="js-loading-animation throbber"
															style="display: none;"></span>
													</div>
												</div>
											</div>
										</div>
										<div id="selected_business"></div>
										<input type="hidden" value="" name="enc_business_id"
											id="business_id">
										<p style="display: none;" id="similar_event_msg">可能已經有人新增該活動。
											請在提交活動前先檢查右方的現有活動。</p>
									</div>

									<div style="display: none;" id="create_venue_pane">
										<label for="venue_name"> 姓名 </label> <input type="text"
											value="" id="venue_name" name="venue_name"> <label
											for="venue_street"> 地址 </label> <input type="text" value=""
											id="venue_street" name="venue_street"> <label
											for="venue_city_state_zip"> 城市 </label> <input type="text"
											value="香港" id="venue_city_state_zip"
											name="venue_city_state_zip">

										<div class="hr-line"></div>
									</div>
								</div>

								<label for="description">為何及點解</label>
								<div id="description_fields">
									<textarea placeholder="Sell 吓佢啦！ 用你自己嘅文字－話俾人聽點解"
										id="description" name="description"></textarea>
								</div>

								<label for="yelp_community">對象是</label>
								<fieldset id="event_audience">
									<label for="yelp_community:False"> <input type="radio"
										checked="checked" value="False" id="yelp_community:False"
										name="yelp_community" class="radio"> <span>每人</span>
									</label> <label for="yelp_community:True"> <input type="radio"
										value="True" id="yelp_community:True" name="yelp_community"
										class="radio"> <span>Yelp社群</span>
									</label>
								</fieldset>

								<legend>參加方法</legend>
								<div id="event_logistics">
									<label for="event_site_url"> 活動網頁 URL： </label> <input
										type="text" value="" id="event_site_url" name="event_site_url"
										class="url"> <label for="tickets_url"> 門票網頁連結：
									</label> <input type="text" value="" id="tickets_url"
										name="tickets_url" class="url">

									<div class="cost">
										<label for="cost">價格：</label> $ <input type="text" value=""
											id="cost" name="cost"> 至 <input type="text" value=""
											id="cost_max" name="cost_max"> 或是 <input
											type="checkbox" onclick="Yelp.Events.toggle_free(this);"
											id="free" name="free" value="true"> <label
											class="free" for="free">免費活動</label>
									</div>
								</div>

								<label>分類</label> <select name="category">
									<option value="9">慈善活動</option>
									<option value="6">潮流</option>
									<option value="8">節日活動</option>
									<option value="4">電影</option>
									<option value="7">食品</option>
									<option value="12">家庭及小孩</option>
									<option value="5">教科書</option>
									<option value="1">音樂</option>
									<option value="11">夜生活</option>
									<option value="3">藝術表演</option>
									<option value="10">體育消閒</option>
									<option value="2">視覺藝術</option>
									<option value="0">其它</option>
								</select>


								<button class="ybtn ybtn-primary disable-on-submit ytype"
									value="Submit" type="submit" name="action_submit"
									id="create-event">
									<span>建立活動</span>
								</button>
								<input type="submit" class="strong_pseudolink" id="cancel"
									value="取消" name="action_cancel">

							</form>


						</div>
						<div class="column column-beta ">
							<div style="display: none;" id="similar_events_box"></div>

						</div>

					</div>
				</div>
				<script type="text/javascript">
					yelp.event.domLoaded(function() {
						var mechatron = new Yelp.Events.BusinessSelector({
							queryURI : "/business_search_json",
							biz_tab : $("biz_tab"),
							venue_tab : $("add_tab")
						});
						mechatron.create_finder();
						yelp.event.windowLoad(function() {
						});
						$('create-event').observe(
								'click',
								function(e) {
									$('create_event').appendChild(
											new Element('input', {
												type : 'hidden',
												name : 'action_submit',
												value : 'submit'
											}));
								});
						(new Form.Element.EventObserver(
								$('venue_city_state_zip'),
								Yelp.Events.updateSimilarEvents));
						$('end-date-toggle').observe(
								'click',
								function(e) {
									Yelp.Events.toggle_end_date(this);
									if ($F('use_end_time') === 'true') {
										var startsTime = Date
												.parse($F('starts_time'));
										$('ends_time').value = startsTime
												.addHours(1).toString("HH:mm");
									}
									e.stop();
								});
					});
				</script>

			</div>
		</div>

		<!-- google_ad_section_start(weight=ignore) -->
		<!-- <a href="/biz/outlook-autumn-market-fundamental-catwalk-flimsy-roost-legibility-individualism-grocer-predestination-2">yelp</a> -->
		[#include "/theme/yelp/common/footer.html"]


	</div>



</body>

</html>